.solution1 {
  position: absolute;
  /*left: calc(-1 * (284px + 30px + (284px / 6)));*/
  right: calc(284px + 5px);
}
.solution1:hover,
.solutionrandom1 {
  position: absolute;
  /*left: calc(-1 * (284px + 30px + (284px / 6)) + (-1 * (284px - 15px)));*/
  right: calc(284px - (284px / 6));
}
.solution2 {
  position: absolute;
  /*left: calc(-1 * (284px + 30px + (284px / 6)));*/
  right: calc((284px / 6) + 25px);
}
.solution2:hover,
.solutionrandom2 {
  position: absolute;
  /*left: calc(-1 * (284px + 30px + (284px / 6)) - 55px);*/
  right: calc((284px / 12) - 30px);
}
.solution3 {
  position: absolute;
  /*left: calc(-1 * (284px + 30px + (284px / 6)));*/
  right: calc((284px / 6) + 25px);
}
.solution3:hover,
.solutionrandom3 {
  position: absolute;
  /*left: calc(-1 * (284px + 30px + (284px / 6)) - 55px);*/
  right: calc((284px / 12) - 30px);
}
.solution4 {
  position: absolute;
  left: calc(-1 * (284px / 2));
}
.solution4:hover,
.solutionrandom4 {
  position: absolute;
  left: calc(-1 * (438px / 2));
}
.solution5 {
  position: absolute;
  left: calc((284px / 6) + 25px);
}
.solution5:hover,
.solutionrandom5 {
  position: absolute;
  left: calc((284px / 12) - 30px);
}
.solution6 {
  position: absolute;
  left: calc((284px / 6) + 25px);
}
.solution6:hover,
.solutionrandom6 {
  position: absolute;
  left: calc((284px / 12) - 30px);
}
.solution7 {
  position: absolute;
  left: calc(284px + 5px);
}
.solution7:hover,
.solutionrandom7 {
  position: absolute;
  left: calc(284px - (284px / 6));
}
.super_solution {
  position: absolute;
  top: 0px;
  left: var(--mid_x);
}

.Shape-759 {
  width: 203px;
  height: 345px;
  position: absolute;
  top: 700px;
  left: calc(-1 * (284px + (284px / 2) + 70px)); 
}
.solution_right {
  height: 239px;
  height: 239px;
  position: absolute;
  top: 943px;
  left: calc(284px - 40px + (284px / 6));/*calc(977px - var(--third_x));*/
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOutOpacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.solution1 .Easy-Accounting-for-SAP-2 {
  width: 250px;
  height: 52px;
  font-family: sans-serif, MyriadPro;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 1030px;
  /*left: calc(160px - var(--third_x) - 30px);*/
  right: calc(20px);
  transition: transform .5s;
}
.solutionTitle1 {
  z-index: 1;
  width: 300px !important;
  height: 63px  !important;
  font-family: sans-serif, MyriadPro;
  font-size: 36px  !important;
  font-weight: bold  !important;
  font-stretch: normal  !important;
  font-style: normal  !important;
  line-height: 1.03  !important;
  letter-spacing: normal  !important;
  text-align: center  !important;
  color: #4d6073  !important;
  position: absolute  !important;
  top: 965px  !important;
  right: 55px  !important;/*calc(120px - var(--third_x) - 15px);*/
}
.solution1:hover .Polygon-4-copy-1{
  width: 438px;
  height: 376px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 890px;
  right: 0px;/*calc(48px - var(--third_x));*/
  transform: scale(1.5);
}

.solutionPoly1 {
  width: 407px;
  height: 345px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 890px;
  right: 0px;/*calc(48px - var(--third_x));*/
}
.solution1 .picture {
  width: 407px;
  height: 345px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 890px;
  right: 0px;
  transition: transform .3s;
}
.solutionPicture1
 {
  visibility: visible !important;
}
.solution1:hover .picture {
  width: 370px;
  height: 314px;
  /* width: 292px;;
  height: 310px; */
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 890px;
  right: 38px;/*calc(48px - var(--third_x));*/
  transition-duration: .3s;
  transform: scale(1.2); 

}

.solution1:hover .Easy-Accounting-for-SAP-2 {
  z-index: 1;
  width: 298px;
  height: 63px;
  font-family: sans-serif, MyriadPro;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  text-align: center;
  color: #4d6073;
  position: absolute;
  top: 941px;
  right: 65px;
  transition-duration: .3s;
  transform: scale(1.1); 
}


.solution1 .detail {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #4d6073;
  position: absolute;
  visibility: hidden;
  top: 948px;
  right: calc(328px - var(--third_x));
  transition: transform .3s;
}
.solution1:hover .detail {
  width: 277px;
  height: 102px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #4d6073;
  position: absolute;
  visibility: visible;
  top: 1040px;
  right: 75px;
  transition-duration: .3s;
  transform: scale(1.1); 
}
.solutionDetail1 {
  width: 288px !important;
  height: 113px !important;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.56 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #536d70 !important;
  position: absolute !important;
  visibility: visible !important;
  top: 1056px !important;
  right: 60px !important;/*calc(105px - var(--third_x));*/
}
.solution2 .PA-Accelerator-for-SAP-2 {
  width: 200px;
  height: 14px;
  font-family: sans-serif, MyriadPro;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 909px;
  right: calc(75px / 2);
  transition: transform .5s;
}
.solutionTitle2 {
  z-index: 1 !important;
  width: 265px !important;
  height: 57px !important;
  font-family: sans-serif, MyriadPro;
  font-size: 36px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.03 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #526e71 !important;
  position: absolute !important;
  top: 835px !important;
  right: 75px !important;/*calc(362px - var(--third_x) - 5px);*/
}
.solution2:hover .PA-Accelerator-for-SAP-2 {
  z-index: 1;
  width: 265px;
  height: 57px;
  font-family: sans-serif, MyriadPro;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  text-align: center;
  color: #526e71;
  position: absolute;
  top: 818px;
  right: 90px;
  transition-duration: .3s;
  transform: scale(1.1);
}
.solution2:hover .Polygon-4-copy-2 {
  width: 438px;
  height: 376px;
  opacity: 1;
  position: absolute;
  visibility: hidden;
  top: 767px;
  right: 0px;/*calc(263px - var(--third_x));*/

}
.Poly2 {
  width: 407px;
  height: 345px;
  opacity: 1;
  position: absolute;
  visibility: hidden;
  top: 767px;
  right: 0px;/*calc(263px - var(--third_x));*/
}
.solution2:hover .picture {
  /* width: 438px;
  height: 376px; */
  width: 370px;
  height: 314px;
  opacity: 1;
  position: absolute;
  visibility: visible;
  top: 767px;
  right: 44px;
  transition-duration: .3s;
    transform: scale(1.2);
}
.solutionPicture2 {
  width: 407px !important;
  height: 345px !important;
  opacity: 1 !important;
  position: absolute !important;
  visibility: visible !important;
  top: 767px !important;
  right: 0px !important;/*calc(263px - var(--third_x));*/
}
.solution2 .detail {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #536d70;
  position: absolute;
  visibility: hidden;
  top: 948px;
  right: 105px;/*calc(328px - var(--third_x));*/
  transition: transform .5s;
}

.solution2:hover .detail {
  width: 280px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #536d70;
  position: absolute;
  visibility: visible;
  top: 929px;
  right: 87px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionDetail2 {
  width: 277px !important;
  height: 109px !important;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.44 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #536d70 !important;
  position: absolute !important;
  visibility: visible !important;
  top: 948px !important;
  right: 60px !important;/*calc(328px - var(--third_x));*/
}
.solution3 .Mobile-Plant-Maintenance-for-SAP2 {
  width: 180px;
  height: 87px;
  font-family: sans-serif, MyriadPro;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 1140px;
  right: calc((90px / 2) + 2px);
  transition: transform .5s;
}
.solution3:hover .Mobile-Plant-Maintenance-for-SAP2 {
  width: 225px;
  height: 100px;
  font-family: sans-serif, MyriadPro;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  text-align: center;
  color: #575872;
  position: absolute;
  top: 1053px;
  right: 107px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionTitle3 {
  width: 225px !important;
  height: 100px !important;
  font-family: sans-serif, MyriadPro;
  font-size: 36px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.03 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #575872 !important;
  position: absolute !important;
  top: 1040px !important;
  right: 90px !important;/*calc(356px - var(--third_x));*/
}
.solution3:hover .Polygon-4-copy-3 {
  width: 438px;
  height: 376px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 1007px;
  right: 0px;/*calc(263px - var(--third_x));*/
}
.Poly3 {
  width: 407px;
  height: 345px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 1007px;
  right: 0px;/*calc(263px - var(--third_x));*/
}
.solution3:hover .picture {
  /* width: 438px;
  height: 376px; */
  width: 370px;
  height: 314px;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 1041px;
  right: 43px;
  transition-duration: .3s;

  transform: scale(1.2);
}
.solutionPicture3 {
  width: 407px !important;
  height: 345px !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 1007px !important;
  right: 0px !important;/*calc(263px - var(--third_x));*/
}
.solution3 .detail {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #575872;
  position: absolute;
  visibility: hidden;
  top: 1181px;
  right: calc(328px - var(--third_x));
  transition: transform .5s;
}
.solution3:hover .detail {
  width: 293px;
  height: 117px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #575872;
  position: absolute;
  visibility: visible;
  top: 1198px;
  right: 78px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionDetail3 {
  width: 275px !important;
  height: 117px !important;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.56 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color:#575872 !important;
  position: absolute !important;
  visibility: visible !important;
  top: 1181px !important;
  right: 65px !important;/*‭285px;*/
}
.solution4 .Costing-Cockpit-for-SAP-2 {
  width: 220px;
  height: 53px;
  font-family: sans-serif, MyriadPro;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 790px;
  left: 32px;/*calc(589px - var(--third_x) - 10px);*/
  transition: transform .5s;
}
.solution4:hover .Costing-Cockpit-for-SAP-2 {
  width: 296px;
  font-family: sans-serif, MyriadPro;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  text-align: center;
  color: #6e5c54;
  position: absolute;
  top: 700px;
  left: 69px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionTitle4 {
  width: 300px !important;
  font-family: sans-serif, MyriadPro;
  font-size: 36px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.03 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #6e5c54 !important;
  position: absolute!important;
  top: 710px !important;
  left: 50px !important;/*calc(569px - var(--third_x) - 33px);*/
}
.solution4 .detail {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #6e5c54;
  position: absolute;
  visibility: hidden;
  top: ‭816px;
  left: ‭537px;
  transition: transform .5s;
}
.solution4:hover .detail {
  width: 285px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #6e5c54;
  position: absolute;
  visibility: visible;
  top: 804px;
  left: 80px;
  z-index: 1;
  transition-duration: .3s;
  transform: scale(1.1);
}
.solutionDetail4 {
  width: 277px !important;
  height: 109px !important;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.44 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #6e5c54 !important;
  position: absolute !important;
  visibility: visible !important;
  top: 816px !important;
  left: 60px !important;/*calc(537px - var(--third_x));*/
}
.solution5 .WeNestIm-ERP {
  width: 210px;
  height: 18px;
  font-family: sans-serif, MyriadPro;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 910px;
  left: calc(65px / 2);/*calc(800px - var(--third_x));*/
  transition: transform .5s;
}
.solution5:hover .WeNestIm-ERP {
  width: 175px;
  height: 62px;
  font-family: sans-serif, MyriadPro;
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  text-align: center;
  color: #576d53;
  position: absolute;
  top: 790px;
  left: 156px;
  transition-duration: .3s;

  transform: scale(1.1);
  z-index: 1;
}
.solutionTitle5 {
  width: 161px !important;
  height: 62px !important;
  font-family: sans-serif, MyriadPro;
  font-size: 36px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.03 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #576d53 !important;
  position: absolute !important;
  top: 826px !important;
  left: 120px !important;/*calc(819px - var(--third_x));*/
}
.solution5 .detail {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #536d70;
  position: absolute;
  visibility: hidden;
  top: 948px;
  left: 140px;/*calc(819px - var(--third_x));*/
  transition: transform .5s;
}
.solution5:hover .detail {
  width: 121px;
  height: 94px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: left;
  color: #536d70;
  position: absolute;
  visibility: visible;
  top: ‭988px;
  left: 140px;/*‭849px;*/
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionDetail5 {
  width: 121px !important;
  height: 94px !important;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 2.11 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #536d70 !important;
  position: absolute !important;
  visibility: visible !important;
  top: ‭988px !important;
  left: 140px !important;/*‭849px;*/
}
.solution5 .detail1 {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #536d70;
  position: absolute;
  visibility: hidden;
  top: 948px;
  left: 140px;/*calc(819px - var(--third_x));*/
  transition: transform .5s;
}
.solution5:hover .detail1 {
  width: 170px;
  height: 94px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: left;
  color: #536d70;
  position: absolute;
  visibility: visible;
  top: 931px;
  left: 138px;
  /* transform: scale(1.1); */
}
.solution5:hover .detail1:hover {
  width: 190px;
  height: 94px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: left;
  color: #536d70;
  position: absolute;
  visibility: visible;
  text-decoration: underline;
  font-weight: bold;
  top: 931px;
  left: 138px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solution5 .detail2 {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #536d70;
  position: absolute;
  visibility: hidden;
  top:calc(939px + (19px * 2.11));
  left: 188px;
  transition: transform .5s; 
}
.solution5:hover .detail2 {
  width: 170px;
  height: 94px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: left;
  color: #536d70;
  position: absolute;
  visibility: visible;
  top: calc(926px + (19px * 2.11));
  left: 138px;

}
.solution5:hover .detail2:hover {
  width: 170px;
  height: 94px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: left;
  color: #536d70;
  position: absolute;
  visibility: visible;
  top: ‭calc(926px + (19px * 2.11));
  text-decoration: underline;
  font-weight: bold;

  left: 138px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionDetail5-2 {
  width: 121px !important;
  height: 94px !important;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 2.11 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  color: #536d70 !important;
  position: absolute !important;
  visibility: visible !important;
  top: ‭calc(948px + (19px * 2.11))!important;
  text-decoration: underline!important;
  font-weight: bold!important;
  left: 140px!important;
}
.solution5 .detail3 {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #536d70;
  position: absolute;
  visibility: hidden;
  top: calc(927px + (19px * 4.22));
  left: 188px;
}
.solution5:hover .detail3 {
  width: 170px;
  height: 94px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: left;
  color: #536d70;
  position: absolute;
  visibility: visible;
  top: ‭calc(927px + (19px * 4.22));
  left: 138px;
  transition: transform .5s;
}
.solution5:hover .detail3:hover {
  width: 190px;
    height: 94px;
    font-family: sans-serif, FontAwesome5Pro;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.11;
    letter-spacing: normal;
    text-align: left;
    color: #536d70;
    position: absolute;
    visibility: visible;
    transition-duration: .3s;
    transform: scale(1.1);
    top: calc(927px + (19px * 4.22));
    text-decoration: underline;
    font-weight: bold;
    left: 138px;
}
.solution6 .Business-Analytical-Applications-Using-SAP-Fiori {
  width: 285px;
  height: 79px;
  font-family: sans-serif, MyriadPro;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 1165px;
  left: calc(10);/*calc(794px - var(--third_x) - 34px);*/
  transition: transform .5s;
}
.solution6:hover .Business-Analytical-Applications-Using-SAP-Fiori {
  width: 300px;
  height: 84px;
  font-family: sans-serif, MyriadPro;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  color: #825f69;
  position: absolute;
  top: 1078px;
  left: 83px;
  transition-duration: .3s;
  transform: scale(1.1);
}
.solutionTitle6 {
  width: 300px !important;
  height: 84px!important;
  font-family: sans-serif, MyriadPro;
  font-size: 26px!important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.14 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #825f69 !important;
  position: absolute !important;
  top: 1065px !important;
  left: 50px !important;/*calc(770px - var(--third_x) - 20px);*/
}
.solution6 .detail {
  width: 277px;
  height: 109px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #825f69;
  position: absolute;
  visibility: hidden;
  top: 1175px;
  left: calc(348px - var(--third_x));
  transition: transform .5s;
}

.solution6:hover .detail {
  width: 286px;
  height: 92px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #825f69;
  position: absolute;
  visibility: visible;
  top: 1191px;
  left: 84px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionDetail6 {
  width: 266px !important;
  height: 92px !important;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.56 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color:#825f69 !important;
  position: absolute !important;
  visibility: visible !important;
  top: 1188px !important;
  left: 70px !important;/*calc(755px - var(--third_x));*/
}
.solution7 .WeNestIm-Production-TMX {
  width: 220px;
  height: 52px;
  font-family: sans-serif, MyriadPro;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 780px;
  left: 32px;/*calc(1026px - var(--third_x) - 17px);*/
  transition: transform .5s;
}
@font-face {
  font-family: 'MyriadPro';
  src: url('../font/MYRIADPRO-SEMIBOLD.OTF') format('truetype');
}
.solution7:hover .WeNestIm-Production-TMX {
  width: 281px;
  height: 62px;
  font-family: MyriadPro;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  text-align: center;
  color: #6f5974;
  position: absolute;
  top: 696px;
  left: 89px;
  transition-duration: .3s;

  transform: scale(1.1);
}
@supports (-ms-ime-align:auto) {
  .solution7:hover .WeNestIm-Production-TMX {
    width: 281px;
    height: 62px;
    font-family: sans-serif,MyriadPro;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.03;
    letter-spacing: normal;
    text-align: center;
    color: #6f5974;
    position: absolute;
    top: 696px;
    left: 89px;
    transition-duration: .3s;

    transform: scale(1.1);
  }
}

.solutionTitle7 {
  width: 281px !important;
  height: 62px !important;
  font-family: sans-serif, MyriadPro;
  font-size: 35px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.03 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #6f5974 !important;
  position: absolute !important;
  top: 706px !important;
  left: 65px !important;/*calc(1016px - var(--third_x));*/
}
.solution_center {
  width: 284px;
  height: 239px;
  position: absolute;
  top: 943px;
  left: calc(-1 * (284px / 2));/*calc(540px - var(--third_x));*/
}
.solution7 .detail {
  width: 271px;
  height: 117px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #6f5974;
  position: absolute;
  visibility: hidden;
  top: 816px;
  /* left: calc(1027px - var(--third_x)); */
  left: 90px;
  transition: transform .5s;
}
.solution7:hover .detail {
  width: 280px;
  height: 117px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #6f5974;
  position: absolute;
  visibility: visible;
  top: 808px;
  left: 90px;
  transition-duration: .3s;

  transform: scale(1.1);
}
.solutionDetail7 {
  width: 275px !important;
  height: 117px !important;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.56 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  color: #6f5974 !important;
  position: absolute !important;
  visibility: visible !important;
  top: ‭816px !important;
  left: 65px !important;/*‭1027px;*/
}
.solution1 .Polygon-4-copy-1 {
  width: 284px;
  height: 239px;
  opacity: 0.2;
  position: absolute;
  top: 943px;
  /*left: calc(108px - var(--third_x));*/
  right: 0px;
  transition: transform .5s;
  /* transition-timing-function: ease-in-out; */
}
.solution2 .Polygon-4-copy-2 {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 820px;
  /*left: calc(324px - var(--third_x));*/
  right: 0px;
}
.solution2 .picture {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 820px;
  /*left: calc(324px - var(--third_x));*/
  visibility: hidden;
  right: 0px;
  transition: transform .5s;
}
.solution3 .Polygon-4-copy-3 {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 1067px;
  /*left: calc(324px - var(--third_x));*/
  right: 0px;
}
.solution3 .picture {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 1067px;
  /*left: calc(324px - var(--third_x));*/
  visibility: hidden;
  right: 0px;
  transition: transform .5s;
}

.solution4 .Polygon-4-copy-4 {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 697px;
  left: 0px;/*calc(540px - var(--third_x));*/
}

.solution4 .picture {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 697px;
  left: 0px;/*calc(540px - var(--third_x));*/
  visibility: hidden;
  transition: transform .5s;
}

.solution4:hover .Polygon-4-copy-4 {
  width: 438px;
  height: 376px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 647px;
  left: 0px;/*calc(479px - var(--third_x));*/
}
.Poly4 {
  width: 407px;
  height: 345px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 647px;
  left: 0px;/*calc(479px - var(--third_x));*/
}
.solution4:hover .picture {
  /* width: 438px;
  height: 376px; */
  width: 370px;
  height: 314px;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 647px;
  left: 37px;/*calc(479px - var(--third_x));*/
  transition-duration: .3s;

  transform: scale(1.2);
}
.solutionPicture4 {
  width: 407px !important;
  height: 345px !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 647px !important;
  left: 0px !important;/*calc(479px - var(--third_x));*/
}
.solution5 .Polygon-4-copy-5 {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 820px;
  left: 0px;/*calc(757px - var(--third_x));*/
}
.solution5 .picture {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 820px;
  left: 0px;/*calc(757px - var(--third_x));*/
  visibility: hidden;
  color: #526e71;
  transition: transform .5s;
}

.solution5:hover .Polygon-4-copy-5 {
  width: 438px;
  height: 376px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 767px;
  left: 0px;/*calc(696px - var(--third_x));*/

}
.Poly5 {
  width: 407px;
  height: 345px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 767px;
  left: 0px;/*calc(696px - var(--third_x));*/
}
.solution5:hover .picture {
  width: 370px;
  height: 314px;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 767px;
  left: 53px;/*calc(696px - var(--third_x));*/
  transition-duration: .3s;

  transform: scale(1.2);
}
.solutionPicture5  {
    width: 407px !important;
    height: 345px !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 767px !important;
    left: 0px !important;
}
.solution6 .Polygon-4-copy-6 {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 1067px;
  left: 0px;/*calc(757px - var(--third_x));*/
}
.solution6 .picture {
  width: 438px;
  height: 376px;
  opacity: 0.2;
  position: absolute;
  top: 1067px;
  left: 0px;/*calc(757px - var(--third_x));*/
  visibility: hidden;
  transition: transform .5s;

}

.solution6:hover .Polygon-4-copy-6 {
  width: 438px;
  height: 376px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 1007px;
  left: 0px;/*calc(696px - var(--third_x));*/
}
.Poly6 {
  width: 407px;
  height: 345px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 1007px;
  left: 0px;/*calc(696px - var(--third_x));*/
}
.solution6:hover .picture {
  width: 370px;
  height: 314px;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 1040px;
  left: 48px;
  transition-duration: .3s;

  transform: scale(1.2);
}
.solutionPicture6 {
  width: 407px !important;
  height: 345px !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 1007px !important;
  left: 0px !important;/*calc(696px - var(--third_x));*/
}
.solution7 .Polygon-4-copy-7 {
  width: 284px;
  height: 238px;
  opacity: 0.2;
  position: absolute;
  top: 697px;
  left: 0px;/*calc(973px - var(--third_x));*/
}
.solution7:hover .Polygon-4-copy-7 {
  width: 438px;
  height: 376px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 647px;
  left: 0px;/*‭873px;*/
}
.Poly7 {
  width: 407px;
  height: 345px;
  opacity: 1;
  visibility: hidden;
  position: absolute;
  top: 647px;
  left: 0px;/*‭873px;*/
}
.solution7 .picture {
  width: 438px;
  height: 376px;
  opacity: 0.2;
  position: absolute;
  top: 647px;
  left: 0px;/*calc(950px - var(--third_x));*/
  visibility: hidden;
  transition: transform .5s;
}
.solutionPicture7 {
  width: 407px !important;
  height: 345px !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 647px !important;
  left: 0px !important;/*calc(950px - var(--third_x));*/
}
.solution7:hover .picture {
  width: 370px;
  height: 314px;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 647px;
  left: 48px;
  transition-duration: .3s;

  transform: scale(1.2);

}